<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>#{get 'title' /}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
	href="@{'/public/stylesheets/main.css'}" />
<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}" />

<link rel="stylesheet" type="text/css" media="screen"
	href="@{'/public/stylesheets/datatable_jui.css'}" />
<link rel="stylesheet" type="text/css" media="screen"
	href="@{'/public/stylesheets/jquery-ui-1.8.4.custom.css'}" />

<script src="@{'/public/javascripts/menuDeroulant.js'}"
	type="text/javascript"></script>
<script src="@{'/public/javascripts/jquery-1.5.min.js'}"
	type="text/javascript" charset="utf-8"></script>
<script
	src="@{'/public/javascripts/DataTables-1.7.5/media/js/jquery.dataTables.js'}"
	type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">

    $(document).ready(function() {
        oTable = $('.display').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );
    
    $(document).ready(function(){
    	$('#main').click(function(){
    		if(document.getElementById('menu_sap')!=null && document.getElementById('menu_sap').style.display=='block')
    			{$("#menu_sap").slideToggle('medium');}
    		if(document.getElementById('menu_echelle')!=null && document.getElementById('menu_echelle').style.display=='block')
    			{$("#menu_echelle").slideToggle('medium');}
    		if(document.getElementById('menu_validation')!=null && document.getElementById('menu_validation').style.display=='block')
				{$("#menu_validation").slideToggle('medium');}
    		if(document.getElementById('menu_fmpa')!=null && document.getElementById('menu_fmpa').style.display=='block')
    			{$("#menu_fmpa").slideToggle('medium');}
    	});
    	$('#header').click(function(){
    		if(document.getElementById('menu_sap')!=null && document.getElementById('menu_sap').style.display=='block')
				{$("#menu_sap").slideToggle('medium');}
			if(document.getElementById('menu_echelle')!=null && document.getElementById('menu_echelle').style.display=='block')
				{$("#menu_echelle").slideToggle('medium');}
			if(document.getElementById('menu_validation')!=null && document.getElementById('menu_validation').style.display=='block')
				{$("#menu_validation").slideToggle('medium');}
			if(document.getElementById('menu_fmpa')!=null && document.getElementById('menu_fmpa').style.display=='block')
				{$("#menu_fmpa").slideToggle('medium');}
    	});
    });
    
    $(document).ready(function () {
        $('#tab_fmpa').click(function () {
        	if(document.getElementById('menu_sap')!=null && document.getElementById('menu_sap').style.display=='block')
        		{$("#menu_sap").slideToggle('medium');}
        	if(document.getElementById('menu_echelle')!=null && document.getElementById('menu_echelle').style.display=='block')
        		{$("#menu_echelle").slideToggle('medium');}
        	if(document.getElementById('menu_validation')!=null && document.getElementById('menu_validation').style.display=='block')
				{$("#menu_validation").slideToggle('medium');}
        	$("#menu_fmpa").slideToggle('medium');
        });
        $('#menu_fmpa li a').mouseover(function () {
            $(this).animate({ fontSize: "14px"}, 50 );
        });
        $('#menu_fmpa li a').mouseout(function () {
            $(this).animate({ fontSize: "12px"}, 50 );
        });
    });
    $(document).ready(function () {
        $("#tab_sap").click(function () {
        	if(document.getElementById('menu_fmpa')!=null && document.getElementById('menu_fmpa').style.display=='block')
        		{$("#menu_fmpa").slideToggle('medium');}
        	if(document.getElementById('menu_echelle')!=null && document.getElementById('menu_echelle').style.display=='block')
        		{$("#menu_echelle").slideToggle('medium');}
        	if(document.getElementById('menu_validation')!=null && document.getElementById('menu_validation').style.display=='block')
				{$("#menu_validation").slideToggle('medium');}
    		$("#menu_sap").slideToggle('medium');
        });
        $('#menu_sap li a').mouseover(function () {
            $(this).animate({ fontSize: "14px"}, 50 );
        });
        $('#menu_sap li a').mouseout(function () {
            $(this).animate({ fontSize: "12px"}, 50 );
        });
    });
    $(document).ready(function () {
        $("#tab_echelle").click(function () {
        	if(document.getElementById('menu_fmpa')!=null && document.getElementById('menu_fmpa').style.display=='block')
        		{$("#menu_fmpa").slideToggle('medium');}
        	if(document.getElementById('menu_sap')!=null && document.getElementById('menu_sap').style.display=='block')
        		{$("#menu_sap").slideToggle('medium');}
        	if(document.getElementById('menu_validation')!=null && document.getElementById('menu_validation').style.display=='block')
    			{$("#menu_validation").slideToggle('medium');}
			$("#menu_echelle").slideToggle('medium');
        });
        $('#menu_echelle li a').mouseover(function () {
            $(this).animate({ fontSize: "14px"}, 50 );
        });
        $('#menu_echelle li a').mouseout(function () {
            $(this).animate({ fontSize: "12px"}, 50 );
        });
    });
    $(document).ready(function () {
        $("#tab_validation").click(function () {
        	if(document.getElementById('menu_fmpa')!=null && document.getElementById('menu_fmpa').style.display=='block')
        		{$("#menu_fmpa").slideToggle('medium');}
        	if(document.getElementById('menu_sap')!=null && document.getElementById('menu_sap').style.display=='block')
        		{$("#menu_sap").slideToggle('medium');}
        	if(document.getElementById('menu_echelle')!=null && document.getElementById('menu_echelle').style.display=='block')
    			{$("#menu_echelle").slideToggle('medium');}
			$("#menu_validation").slideToggle('medium');
        });
        $('#menu_validation li a').mouseover(function () {
            $(this).animate({ fontSize: "14px"}, 50 );
        });
        $('#menu_validation li a').mouseout(function () {
            $(this).animate({ fontSize: "12px"}, 50 );
        });
    });
    
    function pop(){
    	window.open('/apropos','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=600, height=300, left=420 top=250');
    }
</script>
</head>
<body>
	<style type="text/css">
@import
	"../../../public/javascripts/jquery-ui-1.8.13.custom/css/ui-lightness/jquery-ui-1.8.13.custom.css"
	;
</style>

	<div id="header">
		<div id="logo">
			<a href="@{Application.index}" alt="Retour au choix de l'application">
					<img id="imglogo" src="@{'/public/images/logo(1).jpg'}" title="Retour &agrave; l'accueil"/>
				</a>
		</div>
		<ul id="tools">
			<b> #{if agent_grade!=null} ${agent_grade} #{/if}
				${agent_fullname} </b> |
			<a href="@{Agents.monProfil()}">Mon Profil</a> |
			<a href="@{Secure.logout()}">D&eacute;connexion</a> |
			<a href="@{Application.index()}">Retour &agrave; l'accueil</a> |
			<a href="#" onclick="pop()">&Agrave; propos</a>
		</ul>
	</div>
	#{if agent_responsable || chef_CIS || gestionnaireFonct || gestionnaireTerri || admin || formateur}
	<div class="tabs" title="Cliquez pour d&eacute;rouler les menus">
		<div class="tab">
			<div id="tab_fmpa"
				class="${request.action == 'FMPAs.listFMPA' || request.action == 'FMPAs.detailFMPA' || request.action == 'FMPAs.modifFMPAForm' || request.action == 'FMPAs.newFMPAForm' ? 'selected' : ''}"
				onmouseover="this.style.backgroundColor= 'rgb(255, 120, 18)'"
				onmouseout="if(this.className!='selected') this.style.backgroundColor=  'rgb(255, 167, 79)'">
				#{if nb_valid_fmpa>0}Gestion des FMPAs (${nb_valid_fmpa})#{/if}#{else}Gestion des FMPAs#{/else}
			</div>
			<img src="@{'/public/images/web168.gif'}" alt="Dérouler le menu" class="flecheBas" />
			<ul id="menu_fmpa">
				<li><a href="@{FMPAs.listFMPA}">Liste des FMPAS pr&eacute;vues</a>
				</li>
				#{if  agent_responsable || chef_CIS || gestionnaireTerri || admin || formateur}
				<li><a href="@{FMPAs.newFMPAForm}" id="creerFmpa">Cr&eacute;er une FMPA</a>
				</li>
				#{/if}
				#{if agent_responsable || chef_CIS || gestionnaireFonct || gestionnaireTerri || admin}
				#{if nb_valid_fmpa>0}
					<li><a href="@{FMPAs.listValidation}">FMPA &agrave; valider (${nb_valid_fmpa})</a>
				#{/if}#{else}
					<li><a href="@{FMPAs.listValidation}">FMPA &agrave; valider</a>
				#{/else}
				</li>
				<li><a href="@{FMPAs.statForm}" id="statistiqueFMPA">Statistiques</a>
				</li>
				#{/if}
			</ul>
		</div>
		<div class="tab">
			<div id="tab_sap"
				class="${request.action == 'FMPAQuinquennals.listFMPA' || request.action == 'FMPAQuinquennals.newQuinquenalForm' || request.action == 'FMPAQuinquennals.detailFMPA' || request.action == 'FMPAQuinquennals.statForm' ? 'selected' : ''}"
				onmouseover="this.style.backgroundColor= 'rgb(255, 120, 18)'"
				onmouseout="if(this.className!='selected') this.style.backgroundColor=  'rgb(255, 167, 79)'">
				FMPA SAP
			</div>
			<img src="@{'/public/images/web168.gif'}" alt="Dérouler le menu" class="flecheBas" />
			<ul id="menu_sap">
				<li><a href="@{FMPAQuinquennals.listFMPA(Annee)}" id="listfmpaq">Listes des FMPA SAP</a>
				</li>
				#{if  agent_responsable || chef_CIS || gestionnaireTerri || admin || formateur}
				<li><a href="@{FMPAQuinquennals.newQuinquenalForm}">Cr&eacute;er une SAP Quinquennale</a>
				</li>
				#{/if}
				<li><a href="@{FMPAQuinquennals.listAgents(CISService)}">Synth&egrave;se des agents</a>
				</li>
				<li><a href="@{FMPAQuinquennals.statForm}">Synth&egrave;se des formateurs</a>
				</li>
			</ul>
		</div>
		<div class="tab">
			<div id="tab_echelle"
				class="${request.action == 'FicheEchelles.listEchelle' || request.action == 'FicheEchelles.newFicheForm' || request.action == 'FicheEchelles.modifFicheForm' || request.action == 'FicheEchelles.statForm' ? 'selected' : ''}"
				onmouseover="this.style.backgroundColor= 'rgb(255, 120, 18)'"
				onmouseout="if(this.className!='selected') this.style.backgroundColor=  'rgb(255, 167, 79)'">
				Suivi des &eacute;cheliers
			</div>
			<img src="@{'/public/images/web168.gif'}" alt="Dérouler le menu" class="flecheBas" />
			<ul id="menu_echelle">
				<li><a href="@{FicheEchelles.listEchelle}">Fiches Echeliers</a>
				</li>
				#{if agent_responsable || chef_CIS || gestionnaireTerri || admin || formateur}
				<li><a href="@{FicheEchelles.newFicheForm}">Cr&eacute;er une fiche &eacute;chelier</a>
				</li>
				#{/if}
				#{if agent_responsable || chef_CIS || gestionnaireFonct || gestionnaireTerri || admin}
				<li><a href="@{FicheEchelles.statForm}">Statistiques</a>
				</li>
				#{/if}
			</ul>
		</div>
	</div>
	#{/if}
	<div id="main">
		#{if flash.error}
		<p class="error">${flash.error}</p>
		#{/if} #{if flash.success}
		<p class="success">${flash.success}</p>
		#{/if} #{doLayout /}
	</div>
	
</body>
</html>